import './index.scss'
import PropTypes from 'prop-types'
import { Tooltip } from 'antd'
import { DesktopOutlined, QuestionCircleOutlined, LogoutOutlined } from '@ant-design/icons'
import { useNavigate } from 'react-router-dom'

// 进入大屏
export const A01 = ({ type }) => {
    A01.propTypes = { type: PropTypes.string }
    const Navigate = useNavigate()
    return (
        <Tooltip title="进入大屏">
            <div className={`RestTooltip ${type}`} onClick={() => Navigate('/Start')}>
                <DesktopOutlined />
            </div>
        </Tooltip>
    )
}

// 帮助信息 
export const A02 = ({ type }) => {
    A02.propTypes = { type: PropTypes.string }
    return (
        <Tooltip title="帮助信息">
            <div className={`RestTooltip ${type}`}>
                <QuestionCircleOutlined />
            </div>
        </Tooltip>
    )
}
// 帮助信息 
export const A03 = ({ type }) => {
    A03.propTypes = { type: PropTypes.string }
    const Navigate = useNavigate()
    return (
        <Tooltip title="退出登录" >
            <div className={`RestTooltip ${type}`} onClick={() => Navigate('/')}>
                <LogoutOutlined />
            </div>
        </Tooltip>
    )
}
